草庐IT

Vue + element-ui el-tree 虚拟滚动

全部标签

javascript - 使用 javascript 或 jquery 水平滚动 div onclick

过去两天我一直在为此寻找一个简单的javascript或jquery代码。我想合并一个使用javascript或jquery的水平滚动div来显示我的网络作品集工作页面的图像和描述性文本。它的功能与这里显示的glide-onclick滚动非常相似:http://www.dyn-web.com/code/scroll/demos.php#horiz不幸的是,代码许可证是40美元,而我是一个破产的学生。在加载页面时,将显示三个投资组合图像。额外内容隐藏在右侧的溢出部分中。点击左箭头(我可以创建),一个新的图像幻灯片从右侧进入View。单击右箭头会将其送回溢出。我不需要滚动条,只需要控制幻灯

javascript - 整页水平滚动问题

整页滚动还有其他替代方法吗?整页滚动示例http://jscrollpane.kelvinluck.com/fullpage_scroll.htmlstep-1通过点击Restoredown按钮使窗口宽度变小。step-2向右滚动现在第3步,通过单击“最大化”按钮使窗口宽度变大。现在,页面左对齐jQuery$(function(){varwin=$(window);win.bind('resize',function(){varcontainer=$('#full-page-container');container.css({'width':1,'height':1});contai

在 Firefox 中使用平滑滚动进行慢速滚动的 Javascript 解决方法

我是网络应用程序的开发人员。在这个应用程序中有一个特定的场景,其中有多个position:fixed元素、canvas和一个overflow:scroll元素。在这种情况下,当启用平滑滚动时,Firefox上的滚动速度非常慢。从用户的Angular来看,解决方案就是禁用平滑滚动。但是,作为开发人员我不能确保用户已经这样做了。有什么地方可以告诉firefox不要从javascript(或html)为我的网站使用平滑滚动?或者是否有任何其他已知的解决方法? 最佳答案 我明白您的问题基本上是如何禁用平滑滚动。但是,为了使它正常工作,我会以

javascript - 可以使用 hammer.js 平移事件并仍然允许用户滚动吗?

我有一个UI,用户可以在其中滚动水平滚动区域。我仍然希望它们能够左右滚动,但我想触发Hammer.jspanevent同时。这是我目前的代码:varworksHammertime=newHammer(scrollingArea);worksHammertime.on('pan',function(ev){if(ev.direction===2){log('left',ev)Dothings...}else{log('right',ev)Dothings...}});从本质上讲,我认为我正在寻找与Hammer默认使用的preventDefault()行为相反的方法。可以使用hammer.

javascript - 从 Vue.js 中的父组件执行子方法

目前,我有一个Vue.js组件,其中包含其他组件的列表。我知道使用vue的常见方式是将数据传递给child,并从child向parent发送事件。但是,在这种情况下,我想在单击父中的按钮时在子组件中执行一个方法。哪种方法最好? 最佳答案 一个建议的方法是使用globaleventhub.这允许有权访问集线器的任何组件之间进行通信。这是一个示例,展示了如何使用事件中心来触发子组件上的方法。vareventHub=newVue();Vue.component('child-component',{template:"The'clicke

JavaScript : Fastest way to insert DOM element in sort order

所以我有几个(~30)个返回数据的异步调用(每个调用~25条记录),我想按特定顺序显示这些数据。目前,页面等待所有内容加载,对单个内部数组进行排序,然后添加DOM元素(每个数据项都应用于HTML模板/字符串,该模板/字符串被有效地连接并添加一次到父元素的innerHTML).我希望将数据插入每个数据集(当它返回时)...但这意味着我需要一种不同的方式来处理排序/排序。我考虑过的方法:理想情况下,将DOM镜像到某种B树中,这样INSERT操作就可以遍历树,寻找正确的元素插入之前/插入之后...因为我还没有看到任何库来解决这种需要,看来我最终会写一些代码。相对而言,手动迭代DOM以寻找要插

javascript - 使用 AVA 和 Avoriaz 在 Vue.js 中测试计算属性

我正在尝试使用AVA和Avoriaz测试Vue.js组件的计算属性。我可以挂载组件并正常访问数据属性。当我尝试访问计算属性时,该函数似乎没有该组件上数据的作用域。computed:{canAdd(){returnthis.crew.firstName!==''&&this.crew.lastName!=='';}我得到的错误是Error:Cannotreadproperty'firstName'ofundefined测试文件:importVuefrom'vue';import{mount}from'avoriaz';importtestfrom'ava';importnextTickf

javascript - Vue - webpack vue-loader 配置

每当我想构建一个文件时,我总是收到错误。这是什么原因呢?似乎.vue文件无法被webpack识别,但webpack配置文件看起来正常。网络包错误bundle-app.js189kB1[emitted]app+12hiddenmodulesERRORinUnexpectedtoken>@./app/application.js7:11-31webpack.config.jsvarpath=require("path");module.exports={context:path.join(__dirname,'src'),entry:{app:'./app/application.js'}

javascript - 我在哪里可以找到像 facebook 这样的滚动条插件?

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在寻找一个滚动条插件(js、jquery等),就像它们在Facebook的右上角面板上显示的那样,用于我们friend的最新直播。我在哪里可以找到它?

javascript - 如何使用虚拟 DOM 在 React/Javascript 中重新加载输入值?

我在重新加载输入值时遇到问题。然后我用this.props.handlingAgent.email="asd"在调试器中this.props.handlingAgent.email的值实际上是asd,但在输入中仍然是旧值。如何在没有JQuery的情况下刷新该值?它不应该自动刷新吗? 最佳答案 首先,Prop是传递给您的东西。将它们视为函数参数。child真的不应该去修改它们,因为它打破了parent的任何假设并使您的UI不一致。在这里,由于prop已传递给您,您希望从父级获取一个处理程序,您可以调用该处理程序来通知您的更改:varA